<form nz-form [formGroup]="validateForm" (ngSubmit)="createNew()">
    <div nz-form-item nz-row class="clearfix">
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="carNo" nz-form-item-required>车牌号码</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <nz-input [nzSize]="'large'" formControlName="carNo" [nzId]="'carNo'"></nz-input>
            <div nz-form-explain *ngIf="getFormControl('carNo').dirty&&getFormControl('carNo').hasError('required')">请输出车牌号码!</div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="isTrailer" nz-form-item-required>挂车</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <nz-radio-group formControlName="isTrailer">
                <label nz-radio [nzValue]="false">
                <span>否</span>
              </label>
                <label nz-radio [nzValue]="true">
                <span>是</span>
              </label>
            </nz-radio-group>
            <div nz-form-explain *ngIf="getFormControl('isTrailer').dirty&&getFormControl('isTrailer').hasError('required')">请选择是否挂车!</div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="carCategory" nz-form-item-required>车辆类别</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <nz-select formControlName="carCategory" [nzSize]="'large'" [nzPlaceHolder]="'选择车辆类别'">
                <nz-option *ngFor="let option of optionCarCategory" [nzLabel]="option.text" [nzValue]="option.value">
                </nz-option>
            </nz-select>
            <div nz-form-explain *ngIf="getFormControl('carCategory').dirty&&getFormControl('carCategory').hasError('required')">请选择车辆类别!</div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="carModelId" nz-form-item-required>
            <span>
              类型
              <nz-tooltip [nzTitle]="'车辆的大小类型'">
                <i nz-tooltip class="anticon anticon-question-circle-o"></i>
              </nz-tooltip>
            </span>
          </label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <nz-select formControlName="carModelId" [nzSize]="'large'" [nzPlaceHolder]="'选择车辆类型'">
                <nz-option *ngFor="let option of optionCarType" [nzLabel]="option.text" [nzValue]="option.value" [nzDisabled]="option.disabled">
                </nz-option>
            </nz-select>
            <div nz-form-explain *ngIf="getFormControl('carModelId').dirty&&getFormControl('carModelId').hasError('required')">请选择类型!</div>
        </div>
    </div>

    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="load" nz-form-item-required>载重</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <nz-input [nzSize]="'large'" formControlName="load" [nzId]="'load'"></nz-input>
            <div nz-form-explain *ngIf="getFormControl('load').dirty&&getFormControl('load').hasError('required')">请输入车辆承重!</div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="carStatus" nz-form-item-required>状态</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <nz-select formControlName="carStatus" [nzSize]="'large'" [nzPlaceHolder]="'选择状态'">
                <nz-option *ngFor="let option of optionCarStatus" [nzLabel]="option.text" [nzValue]="option.value" [nzDisabled]="option.disabled">
                </nz-option>
            </nz-select>
            <div nz-form-explain *ngIf="getFormControl('carStatus').dirty&&getFormControl('carStatus').hasError('required')">请选择车辆状态!</div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="commercialInsurance" nz-form-item-required>商业险</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <nz-input [nzSize]="'large'" formControlName="commercialInsurance" [nzId]="'commercialInsurance'"></nz-input>
            <div nz-form-explain *ngIf="getFormControl('commercialInsurance').dirty&&getFormControl('commercialInsurance').hasError('required')">请输入车辆险!</div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="annualInspectionTime" nz-form-item-required>年检时间</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <nz-datepicker style="width:100%" [nzSize]="'large'" formControlName="annualInspectionTime" nzShowTime [nzPlaceHolder]="'选择时间'" [nzFormat]="'YYYY-MM-DD HH:mm:ss'"></nz-datepicker>
            <div nz-form-explain *ngIf="getFormControl('annualInspectionTime').dirty&&getFormControl('annualInspectionTime').hasError('required')">请输入车辆年检时间!</div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="logisticsCompanyId" nz-form-item-required>物流公司</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <nz-select formControlName="logisticsCompanyId" [nzSize]="'large'" [nzPlaceHolder]="'选择公司'">
                <nz-option *ngFor="let option of optionCompany" [nzLabel]="option.text" [nzValue]="option.value" [nzDisabled]="option.disabled">
                </nz-option>
            </nz-select>
            <div nz-form-explain *ngIf="getFormControl('logisticsCompanyId').dirty&&getFormControl('logisticsCompanyId').hasError('required')">请选择司机!</div>
        </div>
    </div>
    <!-- <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="website" nz-form-item-required>负责人</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <nz-select formControlName="website" [nzSize]="'large'">
                <nz-option *ngFor="let option of options" [nzLabel]="option.label" [nzValue]="option.value" [nzDisabled]="option.disabled">
                </nz-option>
            </nz-select>
            <div nz-form-explain *ngIf="getFormControl('website').dirty&&getFormControl('website').hasError('required')">请选择负责人!</div>
        </div>
    </div> -->
    <div nz-form-item nz-row style="margin-bottom:8px;">
        <div nz-form-control nz-col [nzSpan]="14" [nzOffset]="6">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'">保存</button>
        </div>
    </div>
</form>